<template>
    <el-container >
        <Sider />
        <el-container direction="vertical">
            <Header />
              <Content />
        </el-container>
    </el-container>
</template>
<script>

import Vue from 'vue'
import { container} from 'element-ui'
import Sider from './Layout/LayoutSider.vue'
import Header from './Layout/LayoutHeader.vue'
import Content from './Layout/LayoutContent.vue'
Vue.use(container)
  export default {
    data() {
      return{
        
      }
    },
    components:{
        Sider,
        Header,
        Content,
    }
  };
</script>

<style>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }
  #root,.el-container{
    min-height: 100vh;
  }
</style>